<template>
  <div class="q-pa-md q-gutter-sm">
    <t-button label="无缝化" color="primary" @click="seamless = true" />
    <t-dialog v-model:show="seamless" seamless position="bottom">
 <t-card>
        <t-card-section style="display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;">
          <span >这是一段标题</span>
            <t-button flat label="关闭" class="tr-button-default"  @click="seamless = false"/>
        </t-card-section>


        <t-card-section class="q-pt-none">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum repellendus sit voluptate voluptas eveniet porro. Rerum blanditiis perferendis totam, ea at omnis vel numquam exercitationem aut, natus minima, porro labore.
        </t-card-section>

      </t-card>
    </t-dialog>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup () {
    return {
      seamless: ref(false)
    }
  }
}
</script>
